@charset "utf-8";
/* CSS Document */

#imggallery {
	overflow:hidden;
	margin:10px 5px;
	border:1px solid #eeeeee;
	background:#fff;
}
#imggallery #imgcat,#imggallery #imgshow {
    float:left;
}
/* IMAGE CATAGORIES*/
#imggallery #imgcat {
    width:22%;
}
#imggallery #imgcat .imgcat {
    display:block;
    margin:10px;
    list-style:none;
    overflow:hidden;
}
#imggallery #imgcat .imgcat li {

}
#imggallery #imgcat .imgcat li a {
    display:block;
    padding:5px;
    color:#333;
    text-decoration:none;
    border-bottom:1px solid #ccc;
}
#imggallery #imgcat .imgcat li a:hover,#imggallery #imgcat .imgcat li a.current_page{
	background:#ff0066;
	color:#FFF;
}

#imggallery table {
	margin-top:2px;
}
/* IMAGES SHOW*/
#imggallery #imgshow {
    width:78%;
}
#imggallery #imgshow .imgshow {
    display:block;
    margin:5px;
    list-style:none;
    overflow:hidden;
    height:430px;
}
#imggallery #imgshow .imgshow li {
    float:left;
}
#imggallery #imgshow .imgshow li a {
    display:block;
    margin:5px;
    background:url(../images/frame-shadow.png);
    width:141px;
    height:90px;
    padding:10px 10px 25px;
}
#imggallery #imgshow .imgshow li a img {
    width:141px;
    height:90px;
}


/*PAGING*/
#imggallery #imgshow #paging {
    overflow:hidden;
}
#imggallery #imgshow #paging .paging_block {
    float:left;
}
#imggallery #imgshow #paging .paging{
    display:block;
    list-style:none;
    margin:10px;
}
#imggallery #imgshow #paging .paging li {
    float:left;
}
#imggallery #imgshow #paging .paging li a {
    display:block;
    font-size:0.9em;
    text-align:center;
    margin:5px;
    color:#ff0066;
    border:1px solid #ff0066;
    padding:3px 5px;
}
#imggallery #imgshow #paging .paging li a:hover, #imggallery #imgshow #paging .paging li a.current_page {
    background:#ff0066;
    color:#FFF;
}
/*PAGING*/




/* IMAGES INDEX*/
#imggallery #imgshow-index {
    width:100%;
}
#imggallery #imgshow-index .imgshow {
    display:block;
    margin:5px;
    list-style:none;
    overflow:hidden;
}
#imggallery #imgshow-index .imgshow li {
    float:left;
}
#imggallery #imgshow-index .imgshow li a {
    display:block;
    margin:10px;
    background:url(../images/frame-shadow-index.png);
    width:110px;
    height:70px;
    padding:10px 10px 25px;
}
#imggallery #imgshow-index .imgshow li a img {
    width:110px;
    height:70px;
}